<%@page import="com.eportal.util.WebUtil"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" session="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>掌连平台首页</title>
		<meta name="description" content="掌连为中小型物业升级转型互联网量身定做优质的升级方案，提供物业APP、云平台服务和低成本、可盈利的方案。">
		<meta name="keywords" content="中小物业移动互联网+方案,智慧物业,智能物业,物业O2O,物业缴费,物业报修,公告通知,手机开门,社区O2O">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/index/common.css?v=1.1" />
		<link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/index/index.css?v=1" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/index/aboutus.css?v=1" />
		 
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=aK1XZiXSgjFo1qn9Uu36nkEvo6rAdSRQ"></script>
		<style>
		
		html,body{
			height:100%;
			width:100%;
		}
		a:hover {
			cursor: pointer;
		}
		#page4{
			background:url("${pageContext.request.contextPath}/static/images/webbg2.jpg") center top no-repeat;
			height:86%;
			display:none;
		}
		.wraper{
			width:1000px;
			margin:0 auto;
			height:100%;
			position:relative;
		}
		.bottom2{
			position:absolute;
			bottom: 0px;
			margin:0 auto;
			width:980px;
			text-align:center;
			height:70px;
			line-height:70px;
			width:100%;
			background:rgba(0,0,0,0.3);
		}
		.login{
			overflow:auto;
			height:500px;
			width:980px;
			position:absolute;
			top:50%;
			padding-right:10px;
			margin-top:-240px;
		}
		.n {
			background:#ecf0f2;
			height: 350px;
			border-radius:6px;
		
		}
		.shadow{
			box-shadow:4px 4px 5px #528bc6;
			-webkit-box-shadow:4px 4px 5px #528bc6;
			-moz-box-shadow:4px 4px 5px #528bc6;
			-ms-box-shadow:4px 4px 5px #528bc6;
			-o-box-shadow:4px 4px 5px #528bc6;
		}
		#account_login{
			padding:0 86px;
			box-shadow:3px 4px 5px #4178b0;
		}
		.tip{
			font-size: 20px;
			text-align:center;
			font-family: 微软雅黑;
			font-weight:600;
			color: #333;
			
		} 
		.tipName{
			text-align:center;
			padding:30px 0;
		}
		.d{
			text-align:center;
			margin-top: 14px;
			height: 40px;
			width: 290px;
			margin:0 auto;
			margin-top: 14px;
			display: block;
			background: white;
		}
		.b{
			border:1px solid #b6b6b6;
		}
		.border {
			border-style: solid;
			border-color: #339933;
			border-width:1px;
		}
		.input{
			height: 36px;
			width: 250px;
			background:#fff;
			font-family: 微软雅黑;
			border: 1px solid transparent; 
			border-radius: 4px; 
			vertical-align: middle;
			padding-left:5px;
		}
		.input:focus {
			outline:none;
		}
		.form{
			text-align:center;
			width: 290px;
			margin:0 auto;
		}
		.submit{ 
			height: 46px; 
			width: 290px; 
			font-size: 16px !important; 
			font-family: 微软雅黑; 
			color:white !important; 
			background-color: #ffa20e !important; 
			border-color: #ffa20e !important; 
			border: 1px solid transparent; 
			border-radius: 3px; 
		} 
		.zc1{
			font-size: 14px;
			font-family: 微软雅黑;
			color: #b6b6b6;
		}
		.zc2{
			font-size: 14px;
			font-family: 微软雅黑;
			color:#1e4e9e;
		}
		.di{
			padding-top: 16px;
			text-align:center;
			
		}
		.top{
			margin-top: 4%;
			text-align:center;		
		}
		.topfont{
			font-size: 60px;
			color: #504D4D;
		}
		.bottom{
			position: absolute;
			bottom: 30px;
			margin:auto;
			left: 42%;
			text-align:center;	
		}
		.bottomfont{
			display: block;
			font-size: 24px;
			color: #504D4D;
		}	
		.label1{
			width: 35px;
			height: 35px;
			background-image:url("${pageContext.request.contextPath}/static/images/name.png");
		}
		.tb{
			vertical-align: middle;
			float: left;
			height:37px;
			*+height:24px;
			background: white;
			padding:8px 10px;
			border-right:1px solid #d5d5d5;
		}
		.bottom2{
			position:absolute;
			bottom: 0px;
			margin:0 auto;
			width:980px;
			text-align:center;
			height:70px;
			line-height:70px;
			width:100%;
			background:rgba(0,0,0,0.3);
		}
		.bottom2 a{
			color:#b0b2b6;
			font-size: 12px;
		}

		.bottomfont2{
			display: block;
			font-size: 12px;
				
		}	
		.next_bind{
			width: 120px;
			margin: 0 auto;
			border:1px solid #000;
			text-align: center;
			height: 25px;
			line-height: 25px;
			border-radius:8px;
			cursor:pointer;
		}
		label{
			margin-bottom: 0px;
			font-weight: 500;
		}
		.zc1 input{
			margin-right:10px !important;
			width:18px!important;
			height:18px !important;
			vertical-align: middle;
		}
		.logen a {
			display: inline-block;
			padding: 8px;
			text-align: center;
			color: #fff;
			background: none;
		}
		</style>
	</head>

	<body>
		<div class="header rel">
			<div class="head">
				<div class="log_box"></div>
				<div class="logen">
					<a class="rt" href="http://sq.yahlj.com/register/register.action"><i>注册</i><span>SIGNUP</span></a>
				</div>
				<ul class="nav rel" id="nav">

					<a class="act" href="javascript:void(0)"><i>首页</i><span>HOME</span></a>

					<a href="javascript:void(0)"><i>关于我们</i><span>ABOUT US</span></a>

					<a href="javascript:void(0)" id="sec"><i>联系我们</i><span>CONTACTUS</span></a>
					<a href="javascript:void(0)"><i>登录</i><span>LOGIN</span></a>

					<li id="line"></li>
				</ul>
			</div>
		</div>
		<div id="page1" class="pages show">
			<div class="content">
				<div class="banner"></div>
				<div class="info_f">
					<div class="info clearfix" id="info">
						<!--功能介绍-->
						<div class="info_door info_s rel lf">
							<div class="info_door_sm abs info_chil01">01.</div>
							<div class="info_door_md info_chil02">手机开门</div>
							<ul class="info_door_msg info_chil03">
								<li>配置有蓝牙、IC卡、二维码、密码等多种开门功能</li>
								<li>解决部分用户忘记带卡</li>
								<li>好友拜访的临时访客管理</li>
								<li>减少物业人员的线下服务</li>
								<li>提升小区的环境品质</li>
							</ul>
						</div>
						<div class="info_neighbor info_s rel lf">
							<div class="info_neighbor_sm abs info_chil01">02.</div>
							<div class="info_neighbor_md info_chil02">邻里社交</div>
							<ul class="info_neighbor_msg  info_chil03">
								<li>体现物业工作人员的工作与业主分享</li>
								<li>方便业主及时发现个别有损小区环境的现象线上沟通</li>
								<li>方便物业及时处理与提升业主的自觉</li>
								<li>营造业主之间环境维护意识</li>
								<li>提高邻里之间的互相关怀</li>
								<li>提升小区的环境品质</li>
							</ul>
						</div>
						<div class="info_news info_s rel lf">
							<div class="info_news_sm abs  info_chil01">03.</div>
							<div class="info_news_md  info_chil02">社区咨询</div>
							<ul class="info_news_msg info_chil03">
								<li>小区信息公告线上推送及时知晓</li>
								<li>置顶小区服务人员与业主互动</li>
								<li>邻里之间分享个人特长互助、特产分享</li>
								<li>邻里之间名片式展示，降低安全隐患</li>
							</ul>
						</div>
						<div class="info_people info_s rel lf">
							<div class="info_people_sm abs info_chil01">04.</div>
							<div class="info_people_md info_chil02">互助便民</div>
							<ul class="info_people_msg info_chil03">
								<li>物业收集周边的政府、另类服务（例：修鞋、雨伞、磨刀）地址、电话解决业主急需的冷门需求</li>
								<li>及时响应业主需求，提升物业服务</li>
								<li>线上缴纳水、电、停车及物业费用，提升物业服务质量，节省业主时间</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="property" id="property">
					<h1 id="title">物业公司传统模式全线升级</h1>
					<div class="property_child" id="property_child">
						<div class="lf " id="property_top">
							<img src="${pageContext.request.contextPath}/static/css/index/img/inde_ad1.jpg" alt="">
							<h2>永远领先一步</h2>
							<p>
								业内互联网+物业领先企业，站在物业的角度，为提升物业服务而努力。从品牌到logo全方位自主定制，给予物业公司自主运营权利，节约开发成本投入与时间损耗。实现7天就能拥有属于自己的APP。
							</p>
						</div>
						<div class="lf property_center " id="property_center">
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ad2.jpg" alt="">
							<h2>激情拥抱变化</h2>
							<p>
								随着时代的发展与进步，智能家居生活已经开始走进千家万户，顺应时代的发展，我们秉着站在物业的角度，为物业为业主而思考，积极的相应时代带来的变化，坚持创新，激情拥抱变化，提升服务品质。
							</p>
						</div>
						<div class="lf" id="property_foot">
							<img src="${pageContext.request.contextPath}/static/css/index/img/inde_ad3.jpg" alt="">
							<h2>趋势互联网+物业</h2>
							<p>
								互联网+物业时代进步的趋势，我们顺势而为，为物业节约成本、提升小区服务、营造良好的业主生活环境、提升物业服务品质。
							</p>
						</div>
					</div>
				</div>
				<div class="inter_f">
					<div class="inter">
						<h2>互联网+物业管理升级</h2>
						<div id="inter_ul">
							<div class="inter_01 lf">优化物业内部员工工作流程管理</div>
							<div class="inter_02 lf">提升物业服务品质</div>
							<div class="inter_03 lf">节约物业管理成本</div>
						</div>
					</div>
				</div>
				<div class="yun common" id="yun_ul">
					<h2>专注于<span>"云平台"</span>定制服务</h2>
					<ul class="rel">
						<li class="yun_list1">
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ft1_02.jpg" alt="" class="rel pic1" />
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ft1_05.jpg" alt="" class="rel pic2" />
						</li>
						<li class="yun_list2">
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ft2_01.jpg" alt="" class="rel pic3_3" />
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ft2_04.jpg" alt="" class="rel pic3" />
						</li>
						<li class="yun_list3">
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ft3_02.jpg" alt="" class="rel pic4" />
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ft3_05.jpg" alt="" class="rel pic5" />
						</li>
						<li class="yun_list4">
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ft4_04.jpg" alt="" class="rel pic6" />
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ft4_01.jpg" alt="" class="rel pic6_6" />
						</li>
						<li class="yun_list5">
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ft_02.png" alt="" class="rel pic7" />
							<img src="${pageContext.request.contextPath}/static/css/index/img/index_ft_05.jpg" alt="" class="rel pic7_7" />
						</li>
					</ul>
				</div>
				<!--云平台升级-->
				</div>
				<div class="footer">
					<p>Copyright @2016 浙ICP备16029736号掌连信息版权所有 </p>
				</div>
		</div>
		<div id="page2" class="pages">
			<div class="main">
				<div class="top_banner rel">

					<div class="top_banner_msg abs">
						<h1 class="rel">公司简介
						 	<div class="line abs"></div>
						</h1>
						<div class="top_banner_txt">
							杭州掌连信息科技有限公司。<br/> 掌连信息是由物业管理领域、互联网、硬件领域资深人士组成的复合型团队。 我们深刻了解传统物业的痛点，结合对互联网发展方向的精准把握，推出为中小型物业升级转型互联网量身定做的合作方案，提供APP、云平台服务和低成本、可盈利的合作方案。携手阿里支付宝、腾讯微信、弱电行业知名企业及物管协会等共同建设物业互联网+服务云平台，并开放平台让中小型物业公司0技术成本、快速建设自主品牌、自主独立云管理的物业互联网+服务企业。
						</div>
					</div>
				</div>
				<div class="product">
					<h1 class="rel">产品优势<div class="abs line"></div></h1>
					<ul class="product_list clearfix">
						<li class="product_list1 pro_lis">
							<div class="product_pic1 lf"></div>
							<div class="product_txt lf">
								<h2>私人定制</h2>
								<ul>
									<li>从品牌到logo自主定制</li>
									<li>独立APP运营管理</li>
									<li>独立后台账号管理</li>
								</ul>
							</div>
						</li>
						<li class="pro_lis">
							<div class="product_pic2 lf"></div>
							<div class="lf product_txt">
								<h2>零成本</h2>
								<ul>
									<li>从品牌到logo自主定制</li>
									<li>提供设计及开发团队</li>
									<li>节省开发时间与成本</li>
								</ul>
							</div>
						</li>
						<li class="product_list1 pro_lis">
							<div class="product_pic3 lf"></div>
							<div class="product_txt lf">
								<h2>免费升级</h2>
								<ul>
									<li>7天升级互联网+物业</li>
									<li>APP功能升级不收费</li>
									<li>7天就能拥有属于自己的APP</li>
								</ul>
							</div>
						</li>
						<li class="pro_lis">
							<div class="product_pic4 lf"></div>
							<div class="product_txt lf">
								<h2>资源丰富</h2>
								<ul>
									<li>自主管理APP的广告投放</li>
									<li>社区金融自主掌控</li>
									<li>物业、水电、停车缴费一应俱全</li>
								</ul>
							</div>
						</li>
					</ul>
				</div>
				<div class="partner rel" id="par">
					<h1 class="rel">战略合作伙伴<div class="abs line"></div></h1>
					<div class="partner_child rel" id="partner">
						<ul class="partner_list1">
							<li class="partner_list1_1"><img src="${pageContext.request.contextPath}/static/css/index/img/us_li.png" alt="" /></li>
							<li class="partner_list1_2"><img src="${pageContext.request.contextPath}/static/css/index/img/us_guanlin.png" alt="" /></li>
							<li class="partner_list1_3"><img src="${pageContext.request.contextPath}/static/css/index/img/us_lilin.png" alt=""></li>
						</ul>
						<ul class="partner_list2 rel">
							<li class="partner_list2_1"><img src="${pageContext.request.contextPath}/static/css/index/img/us_ali.png" alt="" /></li>
							<li class="partner_list2_2"><img src="${pageContext.request.contextPath}/static/css/index/img/us_qq.png" alt="" /></li>
							<li class="partner_list2_3"><img src="${pageContext.request.contextPath}/static/css/index/img/us_wx.png" alt="" /></li>
							<li class="partner_list2_4"><img src="${pageContext.request.contextPath}/static/css/index/img/us_zfb.png" alt=""></li>
						</ul>
						<ul class="partner_list3 rel">
							<li class="partner_list3_1"><img src="${pageContext.request.contextPath}/static/css/index/img/us_ft1.png" alt="" /></li>
							<li class="partner_list3_2"><img src="${pageContext.request.contextPath}/static/css/index/img/us_chidao.png" alt="" /></li>
							<li class="partner_list3_3"><img src="${pageContext.request.contextPath}/static/css/index/img/us_us.png" alt="" /></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="footer">
			  <p>Copyright @2016 浙ICP备16029736号掌连信息版权所有 </p>
		    </div>
		</div>
		<div id="page3" class="pages">
			<div class="contact">
				<div class="contact_banner"></div>
				<div class="contact_main clearfix">
					<div id="allmap" class="map lf"></div>
					<div class="contact_info lf">
						<h1>杭州掌连信息科技有限公司</h1>
						<ul>
							<li><span class="span1"></span>联系人：林先生</li>
							<li><span class="span2"></span>13655816801</li>
							<li><span class="span3"></span>公司电话：0571-88615555</li>
							<li><span class="span4"></span>邮箱：3310841459@qq.com</li>
							<li onclick="moveToCompany()">
								<a href="javascript:void(0)"><span class="span5"></span>地址：杭州市龙章路蒹葭苑13幢(腾讯创业园)</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="footer">
				<p>Copyright @2016 浙ICP备16029736号掌连信息版权所有 </p>
			</div>
		</div>
		<div id="page4" class="pages" style="position:relative;">
			<div style="color:#fff;font-size:30px;position:absolute;left:56%;top:16%;">
			   互联网+管理云系统
			</div>
		   <div class="n" id="account_login" style="width:500px;position:absolute;top:40%;left:48%;margin-top:-100px;display:block;">
					<div class="tipName">
					   <a class="tip">用户登录</a>
					</div>
					<form class="form" action="" method="post" id="loginform">

						<div class="d b" id="userNameDiv"> 
							<div class="tb">
							<img src="${pageContext.request.contextPath}/static/images/n.jpg" alt="" /> 
							</div>
							<input type="text" placeholder="请输入手机号码" class="input" name="userName" id="userName">
						</div >
						<div class="d b" id="passwdDiv">
							<div class="tb">
								<img src="${pageContext.request.contextPath}/static/images/p.jpg" /> 
							</div>
							<input class="input" type="password" placeholder="请输入密码" name="passwd" id="passwd">
						</div>
						<div class="di" style="overflow:auto;">
							<label class="zc1" style="float:left;"><input id="rember" type="checkbox" value="" />记住用户名</label>
							<a href="javascript:;" class="zc2" style="float:right;" onclick="findPassword()">忘记密码</a>
						</div>
						<div class="d">
							<input type="submit" class="submit" value="立即登录"/>
						</div>
						<div class="di">
							<a class="zc1">还没有账户？</a> 
							<a class="zc2" onclick="register()">立即注册</a>
						</div>
					</form>
				</div>
			<div class="footer bottom2">
			  <p>Copyright @2016 浙ICP备16029736号掌连信息版权所有 </p>
		    </div>
		</div>
		
		<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/index/gwang.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/plugins/PIE/PIE.js"></script>
		
		<script src="${pageContext.request.contextPath}/static/js/jquery.cookie.js"></script>
		<script src="${pageContext.request.contextPath}/static/js/jquery.form.js"></script>
		
		<script src="${pageContext.request.contextPath}/static/js/jquery.validate.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/plugins/layer/layer.js"></script>
		<script src="${pageContext.request.contextPath}/static/js/jquery.qrcode.min.js"></script>
<script>

	var line = $("#line");
	var nav_li = $(".nav a");
	var nav_w = nav_li.first().width() + 20 + "px";
	line.width(nav_w);
	line.css({ left: 20 });
	nav_li.on('click', function() {
		nav_w = $(this).width() + 10 + "px";
		line.width(nav_w);
		line.animate({ left: $(this).position().left + 20 }, 300);
		$(this).addClass("act").siblings().removeClass("act");
		var index = $(this).index();
		if(index == 0) {
			$(".pages").eq(0).addClass("show").siblings().removeClass("show");
		} else if(index == 1) {
			$(".pages").eq(1).addClass("show").siblings().removeClass("show");
		} else if(index == 2){
			$(".pages").eq(2).addClass("show").siblings().removeClass("show");
			getMap();
		}else if(index == 3){
			$(".pages").eq(3).addClass("show").siblings().removeClass("show");
		}
	});  
$(document).ready(function(){
	if ($.cookie("rmbUser") == "true") {
		$("#rember").attr("checked", true);
		$("#userName").val($.cookie("username"));
    }
	
	//页面加载的时候获取参数，如果参数是login(或者自己定义的)就直接显示登录界面
	var para=location.search.split("=")[1]||'';
	if(para=="login"){
		$(".pages").eq(3).addClass("show").siblings().removeClass("show");
		line.width(nav_w);
		line.animate({ left: nav_li.eq(3).position().left + 20 }, 300);
		nav_li.eq(3).addClass("act").siblings().removeClass("act");
	}
});

//记住用户名
  function save(){
	  var check=document.getElementById("rember").checked;
	  if(check){
		  var userName=$("#userName").val();
		  $.cookie("rmbUser", "true", { expires: 7 }); //存储一个带7天期限的cookie
      	  $.cookie("username", userName, { expires: 7 });
	  }
	}
	
	var k = '<%=request.getAttribute("k")%>';
    $(function () {
        $("#loginform").validate({
            rules: {
            	userName: "required",
            	passwd: "required"
            },
            messages: {
            	userName: "请输入账号",
            	passwd: "请输入密码"
            },
            submitHandler: function (form) {
                $(form).ajaxSubmit({
                    type: "post",  //提交方式
                    url: "/admin/doLogin.action", //请求url
                    success: function (data) { //提交成功的回调函数
						save();
                        data = eval("(" + data + ")");
                        if (data.code == 1) {
                        	if(data.needQrcodeBind=='1'){
                        		$("#account_login").hide();
                        		$("#old_user_bind").show();
                        	}else{
                        		window.location.href = "${pageContext.request.contextPath}/admin/index.action";	
                        	}
                        } else {
                            layer.alert(data.msg);
                        }
                    }
                });
            }
        });
        
    	var str = "<%=WebUtil.getReqPreUrl(request)%>${pageContext.request.contextPath}u/c?k="+k;
    	
    	 window.setTimeout("checkLogin()",500); 
    });
	function register(){
		window.location.href = "${pageContext.request.contextPath}/register/tComuLockRegister.action";
	}
	function findPassword(){
		window.location.href = "${pageContext.request.contextPath}/register/findPassword.action";
	}
</script>

	</body>

</html>
